<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    	<style type="text/css">
		div.node {
			position:absolute;
			border:solid 1px #444;
			width:110px;
			font-size:80%;
			z-index:10;
			background-color:white;
		}
		div.level0 {
			border:solid 5px black;
			background-color: #aaf;
		}
		div.level1 {
			border:solid 3px #444;
			background-color: #ccf;
		}
		div.level2 {
			border:solid 2px #444;
			background-color: #eef;
		}
		div.level3 {
			border:solid 1px #444;
		}
		#canvas {
			width:500px;
			height:500px;
			overflow:scroll;
			border:solid 1px #ddd;
		}
		div.line {
			overflow:hidden;
			position:absolute;
			z-index:1;
			border:none;
			background-color:black;
		}
		div.menuPalette {
			background-color:white;
			text-align:right;
			border-bottom:solid 1px blue;
		}
		div.label {
			text-align:center;
		}
		</style>
    	<script language="javascript" src="src/mind.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>MaripoMind</title>
    </head>
    <body onLoad="drawFirstNode()">
    	<div id="canvas"></div>
    </body>
	<div id ="console">
	</div>
	<input type="button" id="testButton" value="text"/>
	<input type="button" id="posButton" value="position"/>
	<script language="javascript">
		//<!--
			function drawFirstNode () {
				hookTest();
			}
		//-->
	</script>
</html>
